<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="姜美丽">
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="我的.css">
</head>

<body>
    <!--导航栏-->
    <div class="daohangtiao">
        <a href="小米首页.html"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></a>
        <span>个人中心</span>
        <a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></a>
    </div>
    <!--注册登录-->
        <div class="box1">
            <div class="box2">
            </div>
            <a href="登录.html">登录/注册</a>
        </div>
        <!--我的订单-->
        <main class="dingdan">
            <div class="dingdan1">
                <a href="">我的订单</a>
                <a href="">全部订单<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></a>
            </div>
            <!--待付款-->
            <div class="fukuan">
                <a href=""> <span class="glyphicon glyphicon-credit-card" aria-hidden="true"><br>待付款</a>
                <a href=""> <span class="glyphicon glyphicon-credit-card" aria-hidden="true"><br>待收货</a>
                <a href=""> <span class="glyphicon glyphicon-wrench" aria-hidden="true"><br>退换修</a>
            </div>
        </main>
        <!--我的优惠-->
        <div class="youhui">
            <a href="#"><span class="glyphicon glyphicon-credit-card" aria-hidden="true">&#x3000;我的优惠</a>
            <a href="#"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></a>
        </div>
        <!--服务和小米之家-->
        <main class="dahezi">
        <div class="fuwu">
            <a href="#"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true">&#x3000;服务中心</a>
             <a href="#"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></a>
           </div>
           <div class="xiaomi">
            <a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true">&#x3000;小米之家</a>
             <a href="#"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></a>
         </div>
        </main>
        <!--设置-->
        <div class="shezhi">
            <a href=""> <span class="glyphicon glyphicon-wrench" aria-hidden="true">&#x3000;设置</a>
            <a href="#"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></a>
        </div>
        <!--底部导航栏-->
         <nav class="navbar navbar-default navbar-fixed-bottom" style="text-align: center">
        <a href="小米首页.html"><span class="glyphicon glyphicon-home" aria-hidden="true"><br>首页</span></a>
        <a href="分类.html"><span class="glyphicon glyphicon-search" aria-hidden="true"><br>分类</span></a>
        <a href="购物车.html"><span class="glyphicon glyphicon-gift" aria-hidden="true"><br>购物车</span></a>
        <a href="我的.html"><span class="glyphicon glyphicon-user" aria-hidden="true"><br>我的</span></a>
        </nav>

        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>